@layout("/common/_container.html",{js:["/assets/modular/order/order.js"]}){

<div class="layui-body-header">
    <span class="layui-body-header-title">订单信息管理</span>
</div>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
                    <div class="layui-form toolbar">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <input id="nickname" class="layui-input" type="text" placeholder="用户名"/>
                            </div>
                            <div class="layui-inline">
                                <input id="orderNo" class="layui-input" type="text" placeholder="订单号"/>
                            </div>
                            <div class="layui-inline">
                                    <select id="orderStatus" class="layui-input" type="text" placeholder="订单状态">
                                        <option value="">全部订单</option>
                                        <option value="1">待缴费</option>
                                        <option value="2">已支付</option>
                                        <option value="3">已取消</option>
                                    </select>
                            </div>

                            <div class="layui-inline">
                                <label class="layui-form-label">下单时间</label>
                                <div class="layui-input-inline" style="width: 100px;">
                                    <input type="text" name="createTime" id="createTime"  autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <button id="btnSearch" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>搜索</button>
                                <button id="btnAdd" class="layui-btn icon-btn"><i class="layui-icon">&#xe654;</i>添加</button>
                                <button id="btnExp" class="layui-btn icon-btn"><i class="layui-icon">&#xe67d;</i>导出</button>
                            </div>
                        </div>
                    </div>
                    <table class="layui-table" id="orderTable" lay-filter="orderTable"></table>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/html" id="tableBar">
   <!-- <a class="layui-btn  layui-btn-xs" lay-event="edit">查看详情</a>-->
    <a class="layui-btn  layui-btn-xs" lay-event="downqr">二维码下载</a>
    <!--<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>-->
</script>

<script  type="text/html" id="statusTpl">
    {{# if(d.orderStatus==1){ }}
    <p style="height: 40px;text-align: center; " class="layui-bg-green" >待支付 </p>
    {{#  }else if(d.orderStatus==2){ }}
    <p style="height: 40px;text-align: center; " class="layui-bg-orange">已支付</p>
    {{#  }else if(d.orderStatus==3){  }}
    <p  style="height: 40px;text-align: center; " class="layui-bg-red">已取消</p>
    {{# } }}
</script>

@}